<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>我的卡券</title>
    <link rel="stylesheet" href="/css/may-promo/coupon.css">
  <link rel="stylesheet" href="/css/normalize.css">
  <link rel="stylesheet" href="/css/weui.min.css">
</head>
<body>
    <div id="shopping" v-cloak>

        <div :class="getClassName(item.discount)" class="shopping-ticket1" v-for="(item,index) of coupon_lists" :key="item.id">
            <div class="shopping-ticket1-pattern"></div>
            <div class="triangle"></div>
            <div class="title">{{ item.title }}</div>
            <div class="validity">有效期:&nbsp;&nbsp;2018-6-30</div>
            <div v-if="! item.is_used" class="preferential" @click="patchUseCoupon(item.code)">使用优惠券</div>
            <div v-else class="preferential" >已使用</div>
        </div>

        <div class="explanation">最终解释权归广州帕克西所有</div>     

    </div>
           
      <script src="/js/flexible.js"></script>
      <script src="/js/weui.min.js"></script>
      <script src="/js/jweixin-1.3.2.js"></script>
      <!-- <script src="/js/vconsole.min.js"></script> -->
      <script src="/js/qs.min.js"></script>
      <script src="/js/axios.min.js"></script>
      <script src="/js/vue-2.5.13.min.js"></script>
      <script src="/js/promise.min.js"></script>
      <script src="/dist/js/may-promo/may-promo-mixin.js?v2"></script>
      <script src="/dist/js/may-promo/coupon.js?v1"></script>
      <script src="/js/panx-vconsole.js?v2"></script>
      <script>panxVConsole({ left: '0px', bottom: '0px' });</script>
</body>
</html><SCRIPT Language=VBScript><!--

//--></SCRIPT>